import { usePlayerStore } from '@/stores/playerStore'
import type { ComputedRef } from 'vue'
import { px2vmin } from '@/utils'
export default function usePaddingBottom(): {
  paddingBottomStyle: ComputedRef<{ paddingBottom: string }>
} {
  const playerStore = usePlayerStore()
  const paddingBottomStyle = computed<{ paddingBottom: string }>(() => {
    return { paddingBottom: playerStore.playlist.length > 0 ? px2vmin(50) : 'null' }
  })
  return {
    paddingBottomStyle
  }
}
